<template>
	<div class="container" id="download_center">
		<div class="banner">
			<div class="banner_item_1"  @click="openWindow()">
				<div class="banner_window" >Window客户端</div>
			</div>
			<div class="banner_item_2" @click="openIphone()" >
				<div class="banner_mac">IOS客户端</div>
			</div>
			<div class="banner_item_3" @click="openChrome()">
				<div class="banner_chrome">谷歌浏览器</div>
			</div>
			<div class="banner_mac_download" hidden tabindex="2">
				<div class="banner_mac_download_img"></div>
			</div>
		</div>
		<div class="require">
		
		</div>
		<div class="software">
			<!-- <div class="title">常用软件推荐</div> -->
			<!-- <div class="software_1">
				<div class="software_name">
					Google Chrome浏览器
				</div>
				<div class="software_explain">
					推荐使用Chrome浏览器，注：安装及使用请遵守软件用户协议
				</div>
				<div class="software_btn_1" @click="openChrome()">
					<div class="software_window">立即下载</div>
				</div>
				<div class="software_btn_2" @click="openChrome()">
					<div class="software_mac">立即下载</div>
				</div>
			</div> -->
			
			<div class="software_2">
				<div class="software_name">
					向日葵远程控制软件
				</div>
				<div class="software_explain">
					当有技术故障时候，小鳄鱼课堂工程师可快速远程协助修复故障
				</div>
				<div class="software_btn_1" @click="openSunflower()">
					<div class="software_window">立即下载</div>
				</div>
				<div class="software_btn_2" @click="openSunflower()">
					<div class="software_mac">立即下载</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
var $iphone_download;
export default {
	data : function() {
		return {
			
		}
	},
	methods : {
		openIphone:function(){
			if($iphone_download.css("display") == "none") {
				$iphone_download.fadeIn(300);
				$iphone_download.focus();
			}
		},
		openWindow:function(){
			window.open("https://alphakids.cdn.bcebos.com/crocodile/windows/Setup.exe");
		},
		openChrome : function() {
			window.open("https://www.google.cn/chrome/");
		},
		openSunflower : function() {
			window.open("https://sunlogin.oray.com/personal/download/");
		}
	},
	mounted : function() {
		$iphone_download = $("#download_center .banner_mac_download");
		$iphone_download.blur(function() {
		    $(this).fadeOut(300);
		});
	}
}
</script>

<style scoped lang="scss" src="../../style/download_center/download_center.css"></style>